<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        /*div strong{*/
        /*    color: white;*/
        /*    background-color: black;*/
        /*}*/

        /*div>strong{*/
        /*    color: white;*/
        /*    background-color: black;*/
        /*}*/

        div strong+span+span{
            color: white;
            background-color: black;
        }
    </style>
</head>
<body>

<!--
   12.关系选择器
        1)空格:后代选择器
        2)>:只选择儿子元素
        3)+:兄弟选择
-->
   <div>
       <strong>
           内容1
       </strong>
       <span>
           <strong>
               内容1
           </strong>
       </span>
       <span>
           <strong>
               内容1
           </strong>
       </span>
       <span>
           <strong>
               内容1
           </strong>
       </span>
   </div>
</body>
</html>